<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
//这两条语句用来拼接当前网页的相对路径的。用这个basePath，服务器就可以动态的将指定路径和页面的相对路径拼装起来，形成完整的路径.
//request.getSchema();可以返回当前页面所使用的协议，就是”http”
//request.getServerName();返回当前页面所在服务器的名字，就是的”localhost
//request.getServerPort();返回当前页面所在服务器的端口号，就是上面例子中的”8085”
//request.getContextPath();获取当前的项目根目录路径
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>部门列表</title>
  </head>
  
  <body>
  <div class="with:80%" style="margin-top:0;margin-left:0">
	<table border="1">
		<tbody>
			<tr style="height:0;background-color:SkyBlue;border:0" >
				<th colspan="5"><h2>部门列表</h2></th>
			</tr>
			<tr style="height:50;background-color:LightBlue;border:0" >
				<th style="width:100">部门名称</th>
				<th style="width:100">部门地址</th>
				<th style="width:100">部门成员</th>
				<th style="width:100">编辑</th>
				<th style="width:100">删除</th>
			</tr>
			<c:if test="${!empty depts}">
				<c:forEach items="${ depts }" var="dept">
					<tr style="text-align:center;border:0">
						<td>${dept.name}</td>
						<td>${dept.address}</td>
						<td>${dept.member}</td>
						<!-- href的完整路径http://localhost:8088//toEdit?id=1 -->
						<td><a href="<%=basePath%>toEdit?member=${dept.member}">编辑</a></td>
						<td><a href="<%=basePath%>toDelete?member=${dept.member}">删除</a></td>
					</tr>				
				</c:forEach>
			</c:if>
			<tr style="height:50;background-color:WhiteSmoke;border:0" >
				<td colspan="6" style="text-align:right;">
					<a href="<%=basePath%>toAdd"><b>添加用户</b></a>
				</td>
			</tr>
		</tbody>
	</table>
</div>	
  </body>
</html>
